平常在網路上看到寫得很棒的長篇技術教學、深度分析,很多人習慣先按書籤收藏,但現實往往是「收藏即吃灰」,甚至過幾個月想回頭找,原文早就 404 蒸發或被鎖進付費牆了。最保險的辦法就是存成離線 PDF 歸檔。今天我們用 n8n 打造一個自動存檔管家:丟給它一個文章網址,它自動幫我們抽乾淨內文、轉成閱讀版型 PDF,並整整齊齊存進 Google Drive。
第一站:接收文章網址入口
觸發方式可以接昨天做好的 Telegram 機器人,或是開一個專屬的 Webhook。不管是手機捷徑(iOS Shortcuts)還是通訊軟體,只要我們把複製好的長文網址丟進去,n8n 就會立刻收到這個網址參數並啟動後續工作。
第二站:抓取網頁與去雜訊(提取乾淨內文)
如果直接把整張網頁硬轉成 PDF,排版保證慘不忍睹:旁邊滿滿的側邊欄廣告、彈出式促銷視窗、以及密密麻麻的導覽列。我們可以透過內文提取服務(例如 Readability API 或輕量網頁解析工具),把文章標題、正文文字與圖片單獨剝離出來,直接剔除所有干擾閱讀的廣告雜訊,只留下純粹的文章精華。
第三站:組裝排版乾淨的 HTML 模板
拿到乾淨的文字與圖片後,接上一個簡單的文字編輯節點,套用我們準備好的清爽 HTML/CSS 閱讀模板。設定好舒服的字型、行距與邊距,並在最上方自動補上文章標題、作者名稱、原文來源網址以及備份當下的日期時間,讓整份文件的結構就像一本排版舒適的電子書。
第四站:渲染並轉換為二進位 PDF 檔案
排版搞定後,需要把這段 HTML 轉成真實的 PDF 檔案。在 n8n 裡,可以串接專門的 HTML-to-PDF 轉換節點或輕量容器服務(例如 Puppeteer / Gotenberg)。服務會在後台默默把這份 HTML 渲染出來並列印成 PDF 格式,回傳一筆標準的二進位檔案資料(Binary Data)給流程。
第五站:自動上傳至 Google Drive 並回報
最後接上「Google Drive」節點,選擇存檔資料夾(比如「稍後閱讀 / 離線精華」),把上一步生成的 PDF 檔案寫入雲端硬碟,檔案名稱自動設為「文章標題_存檔日期.pdf」。存檔完成後,自動在手機通訊軟體回覆「已完成備份並存入雲端,檔名為 XXX」。現在遇到好文章只要一鍵分享,幾秒鐘後雲端硬碟裡就多了一份永遠不會失效的排版電子書。明天我們來玩點視覺系的,看看怎麼給 AI 一句話,自動串接圖像生成模型產出活動海報或配圖。